<#include "../common/_header.htm">
<div class="content-wrapper">
    <section class="content">
        <div class="box">
            <form action="#" id="listForm" >
                <div class="form-group">
                    <select id="reportType">
                        <option value="-1">-请选择手机取证类型-</option>
                        <option value="0">美亚-手机大师</option>
                        <option value="1">瑞海</option>
                    </select>
                </div>
                <div class="form-group">
                    <input id="file-1"   accept=".zip,.rar" type="file" name="fileUpload" multiple="multiple" class="file" data-overwrite-initial="false" />
                    <input type="hidden" id="callbackResult" name="callbackResult"/>
                </div>
            </form>
        </div>
    </section>
    </section>
</div>
    </body>
    <script type="text/javascript">
        /*初始化fileinput插件*/
        $("#file-1").fileinput({
            language: 'zh',//汉化
            uploadUrl : '${ctx}/report/uploadFile',//上传地址
            allowedFileExtensions : ['rar','zip'],//支持格式
            showClose : false,//屏蔽x号关闭案件
            uploadAsync:false,//采用同步上传
            showUploadedThumbs : false,//是否在预览窗口中持续显示上传的文件缩略图
            showRemove : false,//关闭删除按钮
            overwriteInitial : false,//将其设置为false将有助于始终从数据库中显示已保存的图像或文件
            browseOnZoneClick : true,//浏览区域点击
            autoReplace : true,//是否自动替换当前文件，设置为true时，再次选择文件， 会将当前的文件替换掉。
            maxFileSize : 0,
            uploadExtraData:function(){
                var data = {
                    //额外的参数...
                    reportType:$('#reportType').val(),
                    caseId:parent.caseId,
                };
                return data;
            },
            enctype:"multipart/form-data",
            maxFilesNum : 0,
            maxFileCount:1,
            removeFromPreviewOnError : true,
            layoutTemplates :{
                actionUpload : '',
                actionZoom : ''   //去除上传预览缩略图中的查看详情预览的缩略图标。
            },
            initialPreviewAsData: true,
            allowedPreviewTypes :null, //设置为空，null或false以禁用所有类型的预览
            //showPreview :true, //是否显示预览
            preferIconicPreview: true, // 开启用图标替换预览效果
            previewFileIconSettings: {
                'ppt': '<i class="fa fa-file-powerpoint-o text-danger"></i>',
                'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>',
            },
            slugCallback : function(filename) {
                return filename.replace('(', '_').replace(']', '_');
            }
        }).on('filepreupload', function(event, data, previewId, index) {     //上传中
            var form = data.form, files = data.files,filenames = data.filename, extra = data.extra,
                response = data.response, reader = data.reader;
        }).on("filebatchuploadsuccess", function(event, data) {    //文件上传成功
            if(data.response.result=="success"){
                toastr.success("上传成功",data.response.data);
            }else{
                toastr.error("上传失败","提示信息");
            }

        }).on('filebatchpreupload', function(event, data, previewId, index) {
            //表单验证
            if ( $('#reportType').val()<0){
                toastr.error("上传失败","请选择取证类型");
                return false;
            }else {
                return true;
            }

        });
    </script>
    <style>

        .content-wrapper{
            margin-left: 0;
        }

    </style>
    </html>